import React from 'react';
import './index.less';
import PropTypes from 'prop-types';
import {ToastIcon,InputItem} from 'antd-mobile';
import CommonHeader from 'COMPONENT/CommonHeader';



export default class HmdMain extends React.Component {
    static contextTypes = {
        router: PropTypes.object.isRequired
    }
    constructor(props) {
        super(props);
        
        this.state = {
          termsData:[
          ]
        }
    }

    componentWillMount() {
        

    }

	backs = () => {
	 	this.context.router.push({
            pathname: '/Home'
        })
	 	return false;
	}
	
	
    render() {
    	let {termsData} = this.state;
    	let _this = this;
        return(
        	
            <div className="repaymentSchedule" style={{
            	background:'#fff',
            	height:'100%'
            }}>
				<CommonHeader 
					name='贷款详细信息'
					leftContentTitle="@back" 
					leftContent='返回'				
				/>
				<div style={{height:'.9rem'}}></div>
					<section className="lineSection" style={{
						border:'1px solid #ccc',
						marginBottom:'.3rem'
						
					}}>
						<InputItem className="textRight" value="24个月" editable={false}>
							贷款品种
			            </InputItem>
			           
			            <InputItem className="textRight" value="24个月" editable={false}>
							合同号
			            </InputItem>
			            <InputItem className="textRight" value="24个月" editable={false}>
							贷款金额
			            </InputItem>
			            
			            <InputItem className="textRight" value="24个月" editable={false}>						
							贷款期限
			            </InputItem>
					</section>
			            
					<section className="lineSection" style={{
						border:'1px solid #ccc',
						marginBottom:'.3rem'
						
					}}>
			            
			            <InputItem className="textRight"	value="24个月" editable={false}>
							还款方式
			            </InputItem>
			            <InputItem className="textRight"	value="24个月" editable={false}>
							还款日
	
			            </InputItem>
			            <InputItem className="textRight"	value="24个月" editable={false}>
							还款间隔
			            </InputItem>
					</section>
            </div>
        );
    }
}